<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>

    div{
        width: 100px;
        height: 100px;
    }
</style>
<body>
<!--
    1、多重背景：
        background：背景色 背景图片 平铺方式 位置，背景色 背景图片 平铺方式 位置
    2、background-size: 固定长度 | 百分比值 | cover | contain
    3、background-origin： 属性设定了背景图像的位置区域
        语法： background-origin： padding-box | border-box | content-box
    4、background-clip：属性裁剪了背景图像的位置区域
        语法： background-clip： padding-box | border-box | content-box
    5、渐变背景
-->


</body>
</html>